Number 相關

在 JavaScript 的構造函數 Number 中包括許多處理和判斷數值的方法，有些我們之前有提過，例如 isNaN()、isInteger()、toString 等等，接下來就讓我們看看 Number 中還包括哪些用法吧！

Number.toFixed()

toFixed() 會擷取至小數點後指定位數，並將數字轉為字串型態，若指定位數多於數字位數則補 0。

3.1234522.toFixed(2); // '3.12'
3.12.toFixed(4); // 3.1200

parseInt()

parseInt() 會忽略前後空白從字串的第一個字元開始解析為整數，直到遇到無法解析的字元。

parseInt("12basd344"); // 12
parseInt("12.2basd344"); // 12
parseInt("-12basd344"); // -12

parseFloat()

parseFloat() 會忽略前後空白從字串的第一個字元開始解析為小數，直到遇到無法解析的字元。

parseFloat("12.2basd344"); // 12.2

String 相關

String.charAt()

回傳指定位置的字元，不會排除空格。

"Hello World".charAt(6); // 'W' (回傳第六個字元)
"  Hello World".charAt(6); // 'o'

String.concat()

concat() 與陣列用法相同，可連接兩個或兩個以上字串，若需連接兩個以上則以逗號分格。

'abc'.concat('def'); // 'abcdef'
'abc'.concat('def', '123'); // 'abcdef123' (以逗號分格)

String.startsWith() / String.endsWith()

用來判斷字串是否以指定字串開頭 / 結束，回傳 Boolean 值。

'heyheyhey'.startsWith('hey'); // true
'heyheyhey'.startsWith('ey'); // false
'haha'.endsWith('ha'); // true

String.indexOf()

會回傳某字串首次出現的位置，若未包含則回傳 -1。

"Hello world".indexOf('wor'); // 6
"Hello world".indexOf('e'); // 1
"Hello world".indexOf('x'); // -1

String.includes()

判斷是否存在某字串，並回傳 Boolean 值。

'123fesasdf'.includes('123'); // true
'123fesasdf'.includes('xx'); // false

String.match()

判斷是否存在某字串，回傳 object，包含原始字串、搜尋字串，以及字串首次出現位置 index 值等。

'123fesasdf'.match('123'); // object

String.replace()

將原始字串中的某段字串替換為另一段字串。

"hi amy".replace('amy', 'jack'); // 'hi jack' (將 amy 替換為 jack)
"ab.ccc".replace('.', '~'); // 'ab~ccc' (將符號 "." 替換為符號 "~")

String.split()

以指定字串作為斷點分割字串，會將分割後的字串以陣列形式回傳。

"I am hungry".split(' '); // ['I', 'am', 'hungry'] (以空格分割)
"abc@gmail.com".split('@'); // ['abc', 'gmail.com']
"abc12adde23312sieo12".split('12'); // ['abc', 'adde233', 'sieo', ''] (指定字串後沒有字元的話分割後還是會有最後一項空白字串)

上一篇：[快速入門前端 57] JavaScript：常見的內建函式 (1) Math
下一篇：[快速入門前端 59] JavaScript：DOM (1) Document Object Model 簡介
系列文章列表：[快速入門前端] 系列文章索引列表